<template v-if="enabled">
    <modal v-model="enabled" id="openblock-settings" :mask-closable="false" sticky :mask="true" footer-hide width="680"
        :closable="true" :title="$t('编辑器设置')" draggable>
        <div>
            <p>{{$t('风格')}}:
                <Select v-model="settings.theme" style="width:200px">
                    <Option v-for="item in themeNames" :value="item" :key="item">{{ item }}</Option>
                </Select>
            </p>
        </div>
        <div>
            <p>{{$t('启用UI')}}:</p>
            <p>

            <div :style="groupStyle">
                <Checkbox :style="itemStyle" v-model="settings.enabledUI.dataset">{{$t('数据集')}}</Checkbox>
                <Checkbox :style="itemStyle" v-model="settings.enabledUI.assets">{{$t('数字资产')}}</Checkbox>
                <Checkbox :style="itemStyle" v-model="settings.enabledUI.exportModule">{{$t('导出模块')}}</Checkbox>
            </div>
            </p>
        </div>
        <div>
            <p>{{$t('隐藏环境')}}:</p>
            <p>

            <div :style="groupStyle">
                <CheckboxGroup v-model="settings.hiddenEnv">
                    <template v-for="(e,j) of env" :key="e.name">
                        <Checkbox v-if="e.name!=''" :style="itemStyle" :label="e.name">
                            {{$t(e.name)}}
                        </Checkbox>
                    </template>
                </CheckboxGroup>
            </div>
            </p>
        </div>
    </modal>
</template>